<ion-header>
    <ion-navbar>
        <ion-title>报告详情</ion-title>
        <ion-buttons end >
            <button (click)="shareModel()"><ion-icon class="md-share" name="md-share"></ion-icon></button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content class="detail-content">
    <ion-item>
        <div>
            <span class="authorname">{{info.authornames}}</span>
            <span class="writetime">{{info.submittime}}</span>
        </div>
        <p>
          <span>{{info.typename}}</span>
          <span class="ratingvalue">评级:{{info.ratingvalue}}</span>
        </p>
    </ion-item>
    <ion-card-content>
        <p class="title"><span>{{info.title}}</span></p>
        <p>{{info.summary}}</p>
        <div class="attach">
            <ion-list class='gfoa-list'>
                <ion-item class='text-content attach-item m2' >
                    三花股份-2016报点评.pdf
                </ion-item>
                <ion-item class='text-content attach-item m2' >
                    碧水源三季度报告.doc
                </ion-item>
            </ion-list>
        </div>
        <ion-fab>
            <button ion-fab (click)="toggleComment('end')"><ion-icon name="text"></ion-icon></button>
            <ion-fab-list side="left">
                <button ion-fab color="primary" (click)="toggleComment('start')"><ion-icon name="text"></ion-icon></button>
                <button ion-fab color="primary" ><ion-icon name="heart"></ion-icon></button>
            </ion-fab-list>
        </ion-fab>
        <div class="areatext-container" *ngIf="isCommentStatus">
            <div id="areatext-content" class="areatext-content" contenteditable="true" [innerHTML]="commentContent"></div>
            <button ion-button small (click)="sendComment()"><ion-icon name="send"></ion-icon>发送</button>
            <button ion-button small (click)="toggleComment('end')"><ion-icon name="trash"></ion-icon>取消</button>
        </div>
        <div class="collect-comment">
            <span class="bot"></span>
            <p>
                <ion-icon name="heart" class="collect"></ion-icon>
                小红，小明，小东，小明，小东，小明，小东，小明，小东，小明，小东，小明，小东
            </p>
            <div class="comment"></div>
            <p *ngFor="let comment of CommentList">{{comment.orgname}} : {{comment.content}}</p >
        </div>
    </ion-card-content>
</ion-content>